<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="icon" href="favicon.ico" type="image/x-icon"/>
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
		<link rel="stylesheet" href="new_css/header_footer.css?t=1">
		<link rel="stylesheet" href="new_css/technologyPlanReview.css">
		<link rel="stylesheet" href="css/common.css">
		<script src="js/jquery-1.11.3.js"></script>
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$('.mainList .content .left li').removeClass('selected');
					$(this).addClass('selected');
				});
				$('.mainList .content .left .list_header').click(function() {
					if($('.mainList .content .left .secendList').is(':hidden')) {
						$('.mainList .content .left .secendList').slideDown();
						$('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
					} else {
						$('.mainList .content .left .secendList').slideUp();
						$('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
					};

				});
				$("#row5 font label").click(function() {
					$("#row5 font label img").attr('src', 'images/icon35.png');
					$("#row5 font label").siblings('input').prop('checked', false);
					$(this).find('img').attr('src', 'images/icon36.png');
					$(this).siblings('input').prop('checked', true);
				});
				$("#row8 font label").click(function() {
					$("#row8 font label img").attr('src', 'images/icon35.png');
					$("#row8 font label").siblings('input').prop('checked', false);
					$(this).find('img').attr('src', 'images/icon36.png');
					$(this).siblings('input').prop('checked', true);
				});
			});
		</script>

	</head>

	<body style="background:#fff;">
		<%@include file="/head.jsp"%>

		<div class="" id="nav_top">
			<div class="container">
				<div class="fl">
					<div class="logo ">
						<a class="logo-text" onclick="indes();">
						科研成果共享平台</a>
					</div>
					<div class="web_name">
						用户中心
					</div>
				</div>
			</div>
		</div>
		<div class="mainList">
			<div class="bNav">您的位置：首页>用户中心><span>技术方案评审</span></div>
			<div class="content">
				<div class="left">
					<ul>
						<li class="list selected"><a onclick="fagl();">技术方案评审</a></li>
						<li class="list"><a onclick="xqsq();">需求申请管理</a></li>
					</ul>
					<!--<ul class="secendList">
						<li class="selected">等待完成</li>
						<li>完成交易 </li>
						
					</ul>-->
					<!--<ul>
						<li class="list">海洋装备<img src="../images/icon4.png" /></li>
						<li class="list">科研需求<img src="../images/icon4.png" /></li>
						<li class="list">技术方案管理</li>
						<li class="list selected" >账号设置</li>
						<li class="list">信用认证和交易</li>
					</ul>-->
				</div>
				<div class="right">
					<div class="title"><span>技术方案评审</span></div>
					<div class="box">
						<div class="header">
							<div class="header1">需求名称</div>
							<div class="header2">需求简介</div>
							<div class="header3">评审时间</div>
							<div class="header4">操作</div>
						</div>
						<ul id="tmtList">
							<li class="">
								<div class="header1">热水器设备外形尺寸改进</div>
								<div class="header2">新研发出一个新产品，需针对新研发出一个新产品，需针对</div>
								<div class="header3">2018-5-16 17:18:00</div>
								<div class="header4"><div class="wrap"><a>查看</a></div></div>
							</li>
							<li class="">
								<div class="header1">热水器设备外形尺寸改进</div>
								<div class="header2">新研发出一个新产品，需针对新研发出一个新产品，需针对</div>
								<div class="header3">2018-5-16 17:18:00</div>
								<div class="header4"><div class="wrap"><a>查看</a></div></div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="pageButton"></div>
			<!--找个分页插件插入-->
		</div>

		<%@include file="/footer.jsp"%>
		<script>
			$(document).ready(function(){
				list()
			});
			
			function list(){
				$.ajax({
					url:Server + "/eulist/commList",
					data:{
						"limit":10,
						"offset":0,
						"euId":$("#useridoflogin").val(),
					},
					type:"POST",
					dataType:"json",
					success : function(data){
						var date = data.rows;
						var html = "";
						var pattern = '<li class="">\
								<div class="header1">#0</div>\
								<div class="header2">#1</div>\
								<div class="header3">#2</div>\
								<div class="header4"><div class="wrap"><a onclick="Details(#3);">查看</a></div></div>\
							</li>';
						for(var i = 0; i < date.length;i++){
							var item = "";
							var param = date[i];
							var time = toTime(param.reviewCreatTime);
							item += pattern
								.replace("#0",param.needName)
								.replace("#1",param.techName)
								.replace("#2",time)
								.replace("#3",param.needId),
							html += item;
						}
						$("#tmtList").html(html);
					},
				});
			}
			
			function toTime(reviewCreatTime) {
				var date = new Date(reviewCreatTime);
				var time=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
				return time
			}
			
			function Details(needId){
				$(location).attr("href","new_file47?needId="+needId+"&euId="+$("#useridoflogin").val()+"");
			}
			
			function fagl(){
				$(location).attr("href","new_file46?euId="+$("#useridoflogin").val()+"");
			}
			
			function xqsq(){
				$(location).attr("href","new_file48?euId="+$("#useridoflogin").val()+"");
			}
			
			function indes(){
				$(location).attr("href","index");
			}
		</script>

	</body>

</html>
